<div class="page-header position-relative">
    <h1>
        Tables
        <small>
            <i class="icon-double-angle-right"></i>
            Static &amp; Dynamic Tables
        </small>
    </h1>
</div><!--/.page-header-->

<div class="row-fluid">
<!--PAGE CONTENT BEGINS HERE-->

<div class="row-fluid">
<div class="span12">
<table id="table_bug_report" class="table table-striped table-bordered table-hover">
<thead>
<tr>
    <th class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </th>
    <th>Domain</th>
    <th>Price</th>
    <th class="hidden-480">Clicks</th>

    <th class="hidden-phone">
        <i class="icon-time hidden-phone"></i>
        Update
    </th>
    <th class="hidden-480">Status</th>

    <th></th>
</tr>
</thead>

<tbody>
<tr>
    <td class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </td>

    <td>
        <a href="#">ace.com</a>
    </td>
    <td>$45</td>
    <td class="hidden-480">3,330</td>
    <td class="hidden-phone">Feb 12</td>

    <td class="hidden-480">
        <span class="label label-warning">Expiring</span>
    </td>

    <td>
        <div class="inline position-relative">
            <button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
                <i class="icon-cog icon-only bigger-110"></i>
            </button>

            <ul class="dropdown-menu dropdown-icon-only dropdown-light pull-right dropdown-caret dropdown-close">
                <li>
                    <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit" data-placement="left">
																<span class="green">
																	<i class="icon-edit"></i>
																</span>
                    </a>
                </li>

                <li>
                    <a href="#" class="tooltip-warning" data-rel="tooltip" title="Flag" data-placement="left">
																<span class="blue">
																	<i class="icon-flag"></i>
																</span>
                    </a>
                </li>

                <li>
                    <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
																<span class="red">
																	<i class="icon-trash"></i>
																</span>
                    </a>
                </li>
            </ul>
        </div>
    </td>
</tr>

<tr>
    <td class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </td>

    <td>
        <a href="#">base.com</a>
    </td>
    <td>$35</td>
    <td class="hidden-480">2,595</td>
    <td class="hidden-phone">Feb 18</td>

    <td class="hidden-480">
        <span class="label label-success">Registered</span>
    </td>

    <td>
        <div class="inline position-relative">
            <button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
                <i class="icon-cog icon-only bigger-110"></i>
            </button>

            <ul class="dropdown-menu dropdown-icon-only dropdown-light pull-right dropdown-caret dropdown-close">
                <li>
                    <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit" data-placement="left">
																<span class="green">
																	<i class="icon-edit"></i>
																</span>
                    </a>
                </li>

                <li>
                    <a href="#" class="tooltip-warning" data-rel="tooltip" title="Flag" data-placement="left">
																<span class="blue">
																	<i class="icon-flag"></i>
																</span>
                    </a>
                </li>

                <li>
                    <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
																<span class="red">
																	<i class="icon-trash"></i>
																</span>
                    </a>
                </li>
            </ul>
        </div>
    </td>
</tr>

<tr>
    <td class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </td>

    <td>
        <a href="#">max.com</a>
    </td>
    <td>$60</td>
    <td class="hidden-480">4,400</td>
    <td class="hidden-phone">Mar 11</td>

    <td class="hidden-480">
        <span class="label label-warning">Expiring</span>
    </td>

    <td>
        <div class="inline position-relative">
            <button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
                <i class="icon-cog icon-only bigger-110"></i>
            </button>

            <ul class="dropdown-menu dropdown-icon-only dropdown-light pull-right dropdown-caret dropdown-close">
                <li>
                    <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit" data-placement="left">
																<span class="green">
																	<i class="icon-edit"></i>
																</span>
                    </a>
                </li>

                <li>
                    <a href="#" class="tooltip-warning" data-rel="tooltip" title="Flag" data-placement="left">
																<span class="blue">
																	<i class="icon-flag"></i>
																</span>
                    </a>
                </li>

                <li>
                    <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
																<span class="red">
																	<i class="icon-trash"></i>
																</span>
                    </a>
                </li>
            </ul>
        </div>
    </td>
</tr>

<tr>
    <td class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </td>

    <td>
        <a href="#">best.com</a>
    </td>
    <td>$75</td>
    <td class="hidden-480">6,500</td>
    <td class="hidden-phone">Apr 03</td>

    <td class="hidden-480">
        <span class="label label-inverse arrowed-in">Flagged</span>
    </td>

    <td>
        <div class="inline position-relative">
            <button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
                <i class="icon-cog icon-only bigger-110"></i>
            </button>

            <ul class="dropdown-menu dropdown-icon-only dropdown-light pull-right dropdown-caret dropdown-close">
                <li>
                    <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit" data-placement="left">
																<span class="green">
																	<i class="icon-edit"></i>
																</span>
                    </a>
                </li>

                <li>
                    <a href="#" class="tooltip-warning" data-rel="tooltip" title="Flag" data-placement="left">
																<span class="blue">
																	<i class="icon-flag"></i>
																</span>
                    </a>
                </li>

                <li>
                    <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
																<span class="red">
																	<i class="icon-trash"></i>
																</span>
                    </a>
                </li>
            </ul>
        </div>
    </td>
</tr>

<tr>
    <td class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </td>

    <td>
        <a href="#">pro.com</a>
    </td>
    <td>$55</td>
    <td class="hidden-480">4,250</td>
    <td class="hidden-phone">Jan 21</td>

    <td class="hidden-480">
        <span class="label label-success">Registered</span>
    </td>

    <td>
        <div class="inline position-relative">
            <button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
                <i class="icon-cog icon-only bigger-110"></i>
            </button>

            <ul class="dropdown-menu dropdown-icon-only dropdown-light pull-right dropdown-caret dropdown-close">
                <li>
                    <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit" data-placement="left">
																<span class="green">
																	<i class="icon-edit"></i>
																</span>
                    </a>
                </li>

                <li>
                    <a href="#" class="tooltip-warning" data-rel="tooltip" title="Flag" data-placement="left">
																<span class="blue">
																	<i class="icon-flag"></i>
																</span>
                    </a>
                </li>

                <li>
                    <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
																<span class="red">
																	<i class="icon-trash"></i>
																</span>
                    </a>
                </li>
            </ul>
        </div>
    </td>
</tr>
</tbody>
</table>
</div>
<!--/span-->
</div>
<!--/row-->

<div class="row-fluid">
<h3 class="header smaller lighter blue">jQuery dataTables</h3>

<div class="table-header">
    Results for "Latest Registered Domains"
</div>

<table id="table_report" class="table table-striped table-bordered table-hover">
<thead>
<tr>
    <th class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </th>
    <th>Domain</th>
    <th>Price</th>
    <th class="hidden-480">Clicks</th>

    <th class="hidden-phone">
        <i class="icon-time hidden-phone"></i>
        Update
    </th>
    <th class="hidden-480">Status</th>

    <th></th>
</tr>
</thead>

<tbody>
<tr>
    <td class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </td>

    <td>
        <a href="#">ace.com</a>
    </td>
    <td>$45</td>
    <td class="hidden-480">3,330</td>
    <td class="hidden-phone">Feb 12</td>

    <td class="hidden-480">
        <span class="label label-warning">Expiring</span>
    </td>

    <td class="td-actions">
        <div class="hidden-phone visible-desktop btn-group">
            <button class="btn btn-mini btn-success">
                <i class="icon-ok bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-info">
                <i class="icon-edit bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-danger">
                <i class="icon-trash bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-warning">
                <i class="icon-flag bigger-120"></i>
            </button>
        </div>

        <div class="hidden-desktop visible-phone">
            <div class="inline position-relative">
                <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                    <i class="icon-caret-down icon-only bigger-120"></i>
                </button>

                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                    <li>
                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit" data-placement="left">
																<span class="green">
																	<i class="icon-edit"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-warning" data-rel="tooltip" title="Flag" data-placement="left">
																<span class="blue">
																	<i class="icon-flag"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
																<span class="red">
																	<i class="icon-trash"></i>
																</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </td>
</tr>

<tr>
    <td class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </td>

    <td>
        <a href="#">base.com</a>
    </td>
    <td>$35</td>
    <td class="hidden-480">2,595</td>
    <td class="hidden-phone">Feb 18</td>

    <td class="hidden-480">
        <span class="label label-success">Registered</span>
    </td>

    <td class="td-actions">
        <div class="hidden-phone visible-desktop btn-group">
            <button class="btn btn-mini btn-success">
                <i class="icon-ok bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-info">
                <i class="icon-edit bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-danger">
                <i class="icon-trash bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-warning">
                <i class="icon-flag bigger-120"></i>
            </button>
        </div>

        <div class="hidden-desktop visible-phone">
            <div class="inline position-relative">
                <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                    <i class="icon-caret-down icon-only bigger-120"></i>
                </button>

                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                    <li>
                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit" data-placement="left">
																<span class="green">
																	<i class="icon-edit"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-warning" data-rel="tooltip" title="Flag" data-placement="left">
																<span class="blue">
																	<i class="icon-flag"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
																<span class="red">
																	<i class="icon-trash"></i>
																</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </td>
</tr>

<tr>
    <td class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </td>

    <td>
        <a href="#">max.com</a>
    </td>
    <td>$60</td>
    <td class="hidden-480">4,400</td>
    <td class="hidden-phone">Mar 11</td>

    <td class="hidden-480">
        <span class="label label-warning">Expiring</span>
    </td>

    <td class="td-actions">
        <div class="hidden-phone visible-desktop btn-group">
            <button class="btn btn-mini btn-success">
                <i class="icon-ok bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-info">
                <i class="icon-edit bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-danger">
                <i class="icon-trash bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-warning">
                <i class="icon-flag bigger-120"></i>
            </button>
        </div>

        <div class="hidden-desktop visible-phone">
            <div class="inline position-relative">
                <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                    <i class="icon-caret-down icon-only bigger-120"></i>
                </button>

                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                    <li>
                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit" data-placement="left">
																<span class="green">
																	<i class="icon-edit"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-warning" data-rel="tooltip" title="Flag" data-placement="left">
																<span class="blue">
																	<i class="icon-flag"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
																<span class="red">
																	<i class="icon-trash"></i>
																</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </td>
</tr>

<tr>
    <td class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </td>

    <td>
        <a href="#">best.com</a>
    </td>
    <td>$75</td>
    <td class="hidden-480">6,500</td>
    <td class="hidden-phone">Apr 03</td>

    <td class="hidden-480">
        <span class="label label-inverse arrowed-in">Flagged</span>
    </td>

    <td class="td-actions">
        <div class="hidden-phone visible-desktop btn-group">
            <button class="btn btn-mini btn-success">
                <i class="icon-ok bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-info">
                <i class="icon-edit bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-danger">
                <i class="icon-trash bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-warning">
                <i class="icon-flag bigger-120"></i>
            </button>
        </div>

        <div class="hidden-desktop visible-phone">
            <div class="inline position-relative">
                <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                    <i class="icon-caret-down icon-only bigger-120"></i>
                </button>

                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                    <li>
                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit" data-placement="left">
																<span class="green">
																	<i class="icon-edit"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-warning" data-rel="tooltip" title="Flag" data-placement="left">
																<span class="blue">
																	<i class="icon-flag"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
																<span class="red">
																	<i class="icon-trash"></i>
																</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </td>
</tr>

<tr>
    <td class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </td>

    <td>
        <a href="#">pro.com</a>
    </td>
    <td>$55</td>
    <td class="hidden-480">4,250</td>
    <td class="hidden-phone">Jan 21</td>

    <td class="hidden-480">
        <span class="label label-success">Registered</span>
    </td>

    <td class="td-actions">
        <div class="hidden-phone visible-desktop btn-group">
            <button class="btn btn-mini btn-success">
                <i class="icon-ok bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-info">
                <i class="icon-edit bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-danger">
                <i class="icon-trash bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-warning">
                <i class="icon-flag bigger-120"></i>
            </button>
        </div>

        <div class="hidden-desktop visible-phone">
            <div class="inline position-relative">
                <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                    <i class="icon-caret-down icon-only bigger-120"></i>
                </button>

                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                    <li>
                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit" data-placement="left">
																<span class="green">
																	<i class="icon-edit"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-warning" data-rel="tooltip" title="Flag" data-placement="left">
																<span class="blue">
																	<i class="icon-flag"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
																<span class="red">
																	<i class="icon-trash"></i>
																</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </td>
</tr>

<tr>
    <td class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </td>

    <td>
        <a href="#">team.com</a>
    </td>
    <td>$40</td>
    <td class="hidden-480">3,200</td>
    <td class="hidden-phone">Feb 09</td>

    <td class="hidden-480">
        <span class="label label-inverse arrowed-in">Flagged</span>
    </td>

    <td class="td-actions">
        <div class="hidden-phone visible-desktop btn-group">
            <button class="btn btn-mini btn-success">
                <i class="icon-ok bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-info">
                <i class="icon-edit bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-danger">
                <i class="icon-trash bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-warning">
                <i class="icon-flag bigger-120"></i>
            </button>
        </div>

        <div class="hidden-desktop visible-phone">
            <div class="inline position-relative">
                <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                    <i class="icon-caret-down icon-only bigger-120"></i>
                </button>

                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                    <li>
                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit" data-placement="left">
																<span class="green">
																	<i class="icon-edit"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-warning" data-rel="tooltip" title="Flag" data-placement="left">
																<span class="blue">
																	<i class="icon-flag"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
																<span class="red">
																	<i class="icon-trash"></i>
																</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </td>
</tr>

<tr>
    <td class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </td>

    <td>
        <a href="#">up.com</a>
    </td>
    <td>$95</td>
    <td class="hidden-480">8,520</td>
    <td class="hidden-phone">Feb 22</td>

    <td class="hidden-480">
        <span class="label label-info arrowed arrowed-righ">Sold</span>
    </td>

    <td class="td-actions">
        <div class="hidden-phone visible-desktop btn-group">
            <button class="btn btn-mini btn-success">
                <i class="icon-ok bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-info">
                <i class="icon-edit bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-danger">
                <i class="icon-trash bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-warning">
                <i class="icon-flag bigger-120"></i>
            </button>
        </div>

        <div class="hidden-desktop visible-phone">
            <div class="inline position-relative">
                <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                    <i class="icon-caret-down icon-only bigger-120"></i>
                </button>

                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                    <li>
                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit" data-placement="left">
																<span class="green">
																	<i class="icon-edit"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-warning" data-rel="tooltip" title="Flag" data-placement="left">
																<span class="blue">
																	<i class="icon-flag"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
																<span class="red">
																	<i class="icon-trash"></i>
																</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </td>
</tr>

<tr>
    <td class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </td>

    <td>
        <a href="#">view.com</a>
    </td>
    <td>$45</td>
    <td class="hidden-480">4,100</td>
    <td class="hidden-phone">Mar 12</td>

    <td class="hidden-480">
        <span class="label label-success">Registered</span>
    </td>

    <td class="td-actions">
        <div class="hidden-phone visible-desktop btn-group">
            <button class="btn btn-mini btn-success">
                <i class="icon-ok bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-info">
                <i class="icon-edit bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-danger">
                <i class="icon-trash bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-warning">
                <i class="icon-flag bigger-120"></i>
            </button>
        </div>

        <div class="hidden-desktop visible-phone">
            <div class="inline position-relative">
                <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                    <i class="icon-caret-down icon-only bigger-120"></i>
                </button>

                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                    <li>
                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit" data-placement="left">
																<span class="green">
																	<i class="icon-edit"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-warning" data-rel="tooltip" title="Flag" data-placement="left">
																<span class="blue">
																	<i class="icon-flag"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
																<span class="red">
																	<i class="icon-trash"></i>
																</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </td>
</tr>

<tr>
    <td class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </td>

    <td>
        <a href="#">nice.com</a>
    </td>
    <td>$38</td>
    <td class="hidden-480">3,940</td>
    <td class="hidden-phone">Feb 12</td>

    <td class="hidden-480">
        <span class="label label-info arrowed arrowed-righ">Sold</span>
    </td>

    <td class="td-actions">
        <div class="hidden-phone visible-desktop btn-group">
            <button class="btn btn-mini btn-success">
                <i class="icon-ok bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-info">
                <i class="icon-edit bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-danger">
                <i class="icon-trash bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-warning">
                <i class="icon-flag bigger-120"></i>
            </button>
        </div>

        <div class="hidden-desktop visible-phone">
            <div class="inline position-relative">
                <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                    <i class="icon-caret-down icon-only bigger-120"></i>
                </button>

                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                    <li>
                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit" data-placement="left">
																<span class="green">
																	<i class="icon-edit"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-warning" data-rel="tooltip" title="Flag" data-placement="left">
																<span class="blue">
																	<i class="icon-flag"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
																<span class="red">
																	<i class="icon-trash"></i>
																</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </td>
</tr>

<tr>
    <td class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </td>

    <td>
        <a href="#">fine.com</a>
    </td>
    <td>$25</td>
    <td class="hidden-480">2,983</td>
    <td class="hidden-phone">Apr 01</td>

    <td class="hidden-480">
        <span class="label label-warning">Expiring</span>
    </td>

    <td class="td-actions">
        <div class="hidden-phone visible-desktop btn-group">
            <button class="btn btn-mini btn-success">
                <i class="icon-ok bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-info">
                <i class="icon-edit bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-danger">
                <i class="icon-trash bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-warning">
                <i class="icon-flag bigger-120"></i>
            </button>
        </div>

        <div class="hidden-desktop visible-phone">
            <div class="inline position-relative">
                <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                    <i class="icon-caret-down icon-only bigger-120"></i>
                </button>

                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                    <li>
                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit" data-placement="left">
																<span class="green">
																	<i class="icon-edit"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-warning" data-rel="tooltip" title="Flag" data-placement="left">
																<span class="blue">
																	<i class="icon-flag"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
																<span class="red">
																	<i class="icon-trash"></i>
																</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </td>
</tr>

<tr>
    <td class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </td>

    <td>
        <a href="#">good.com</a>
    </td>
    <td>$50</td>
    <td class="hidden-480">6,500</td>
    <td class="hidden-phone">Feb 02</td>

    <td class="hidden-480">
        <span class="label label-inverse arrowed-in">Flagged</span>
    </td>

    <td class="td-actions">
        <div class="hidden-phone visible-desktop btn-group">
            <button class="btn btn-mini btn-success">
                <i class="icon-ok bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-info">
                <i class="icon-edit bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-danger">
                <i class="icon-trash bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-warning">
                <i class="icon-flag bigger-120"></i>
            </button>
        </div>

        <div class="hidden-desktop visible-phone">
            <div class="inline position-relative">
                <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                    <i class="icon-caret-down icon-only bigger-120"></i>
                </button>

                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                    <li>
                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit" data-placement="left">
																<span class="green">
																	<i class="icon-edit"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-warning" data-rel="tooltip" title="Flag" data-placement="left">
																<span class="blue">
																	<i class="icon-flag"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
																<span class="red">
																	<i class="icon-trash"></i>
																</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </td>
</tr>

<tr>
    <td class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </td>

    <td>
        <a href="#">great.com</a>
    </td>
    <td>$55</td>
    <td class="hidden-480">6,400</td>
    <td class="hidden-phone">Feb 24</td>

    <td class="hidden-480">
        <span class="label label-success">Registered</span>
    </td>

    <td class="td-actions">
        <div class="hidden-phone visible-desktop btn-group">
            <button class="btn btn-mini btn-success">
                <i class="icon-ok bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-info">
                <i class="icon-edit bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-danger">
                <i class="icon-trash bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-warning">
                <i class="icon-flag bigger-120"></i>
            </button>
        </div>

        <div class="hidden-desktop visible-phone">
            <div class="inline position-relative">
                <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                    <i class="icon-caret-down icon-only bigger-120"></i>
                </button>

                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                    <li>
                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit" data-placement="left">
																<span class="green">
																	<i class="icon-edit"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-warning" data-rel="tooltip" title="Flag" data-placement="left">
																<span class="blue">
																	<i class="icon-flag"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
																<span class="red">
																	<i class="icon-trash"></i>
																</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </td>
</tr>

<tr>
    <td class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </td>

    <td>
        <a href="#">shine.com</a>
    </td>
    <td>$25</td>
    <td class="hidden-480">2,200</td>
    <td class="hidden-phone">Apr 01</td>

    <td class="hidden-480">
        <span class="label label-inverse arrowed-in">Flagged</span>
    </td>

    <td class="td-actions">
        <div class="hidden-phone visible-desktop btn-group">
            <button class="btn btn-mini btn-success">
                <i class="icon-ok bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-info">
                <i class="icon-edit bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-danger">
                <i class="icon-trash bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-warning">
                <i class="icon-flag bigger-120"></i>
            </button>
        </div>

        <div class="hidden-desktop visible-phone">
            <div class="inline position-relative">
                <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                    <i class="icon-caret-down icon-only bigger-120"></i>
                </button>

                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                    <li>
                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit" data-placement="left">
																<span class="green">
																	<i class="icon-edit"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-warning" data-rel="tooltip" title="Flag" data-placement="left">
																<span class="blue">
																	<i class="icon-flag"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
																<span class="red">
																	<i class="icon-trash"></i>
																</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </td>
</tr>

<tr>
    <td class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </td>

    <td>
        <a href="#">rise.com</a>
    </td>
    <td>$42</td>
    <td class="hidden-480">3,900</td>
    <td class="hidden-phone">Feb 01</td>

    <td class="hidden-480">
        <span class="label label-info arrowed arrowed-righ">Sold</span>
    </td>

    <td class="td-actions">
        <div class="hidden-phone visible-desktop btn-group">
            <button class="btn btn-mini btn-success">
                <i class="icon-ok bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-info">
                <i class="icon-edit bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-danger">
                <i class="icon-trash bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-warning">
                <i class="icon-flag bigger-120"></i>
            </button>
        </div>

        <div class="hidden-desktop visible-phone">
            <div class="inline position-relative">
                <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                    <i class="icon-caret-down icon-only bigger-120"></i>
                </button>

                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                    <li>
                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit" data-placement="left">
																<span class="green">
																	<i class="icon-edit"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-warning" data-rel="tooltip" title="Flag" data-placement="left">
																<span class="blue">
																	<i class="icon-flag"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
																<span class="red">
																	<i class="icon-trash"></i>
																</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </td>
</tr>

<tr>
    <td class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </td>

    <td>
        <a href="#">above.com</a>
    </td>
    <td>$35</td>
    <td class="hidden-480">3,420</td>
    <td class="hidden-phone">Mar 12</td>

    <td class="hidden-480">
        <span class="label label-warning">Expiring</span>
    </td>

    <td class="td-actions">
        <div class="hidden-phone visible-desktop btn-group">
            <button class="btn btn-mini btn-success">
                <i class="icon-ok bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-info">
                <i class="icon-edit bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-danger">
                <i class="icon-trash bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-warning">
                <i class="icon-flag bigger-120"></i>
            </button>
        </div>

        <div class="hidden-desktop visible-phone">
            <div class="inline position-relative">
                <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                    <i class="icon-caret-down icon-only bigger-120"></i>
                </button>

                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                    <li>
                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit" data-placement="left">
																<span class="green">
																	<i class="icon-edit"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-warning" data-rel="tooltip" title="Flag" data-placement="left">
																<span class="blue">
																	<i class="icon-flag"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
																<span class="red">
																	<i class="icon-trash"></i>
																</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </td>
</tr>

<tr>
    <td class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </td>

    <td>
        <a href="#">share.com</a>
    </td>
    <td>$30</td>
    <td class="hidden-480">3,200</td>
    <td class="hidden-phone">Feb 11</td>

    <td class="hidden-480">
        <span class="label label-info arrowed arrowed-righ">Sold</span>
    </td>

    <td class="td-actions">
        <div class="hidden-phone visible-desktop btn-group">
            <button class="btn btn-mini btn-success">
                <i class="icon-ok bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-info">
                <i class="icon-edit bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-danger">
                <i class="icon-trash bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-warning">
                <i class="icon-flag bigger-120"></i>
            </button>
        </div>

        <div class="hidden-desktop visible-phone">
            <div class="inline position-relative">
                <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                    <i class="icon-caret-down icon-only bigger-120"></i>
                </button>

                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                    <li>
                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit" data-placement="left">
																<span class="green">
																	<i class="icon-edit"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-warning" data-rel="tooltip" title="Flag" data-placement="left">
																<span class="blue">
																	<i class="icon-flag"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
																<span class="red">
																	<i class="icon-trash"></i>
																</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </td>
</tr>

<tr>
    <td class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </td>

    <td>
        <a href="#">fair.com</a>
    </td>
    <td>$35</td>
    <td class="hidden-480">3,900</td>
    <td class="hidden-phone">Mar 26</td>

    <td class="hidden-480">
        <span class="label label-inverse arrowed-in">Flagged</span>
    </td>

    <td class="td-actions">
        <div class="hidden-phone visible-desktop btn-group">
            <button class="btn btn-mini btn-success">
                <i class="icon-ok bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-info">
                <i class="icon-edit bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-danger">
                <i class="icon-trash bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-warning">
                <i class="icon-flag bigger-120"></i>
            </button>
        </div>

        <div class="hidden-desktop visible-phone">
            <div class="inline position-relative">
                <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                    <i class="icon-caret-down icon-only bigger-120"></i>
                </button>

                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                    <li>
                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit" data-placement="left">
																<span class="green">
																	<i class="icon-edit"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-warning" data-rel="tooltip" title="Flag" data-placement="left">
																<span class="blue">
																	<i class="icon-flag"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
																<span class="red">
																	<i class="icon-trash"></i>
																</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </td>
</tr>

<tr>
    <td class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </td>

    <td>
        <a href="#">year.com</a>
    </td>
    <td>$48</td>
    <td class="hidden-480">3,990</td>
    <td class="hidden-phone">Feb 15</td>

    <td class="hidden-480">
        <span class="label label-warning">Expiring</span>
    </td>

    <td class="td-actions">
        <div class="hidden-phone visible-desktop btn-group">
            <button class="btn btn-mini btn-success">
                <i class="icon-ok bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-info">
                <i class="icon-edit bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-danger">
                <i class="icon-trash bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-warning">
                <i class="icon-flag bigger-120"></i>
            </button>
        </div>

        <div class="hidden-desktop visible-phone">
            <div class="inline position-relative">
                <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                    <i class="icon-caret-down icon-only bigger-120"></i>
                </button>

                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                    <li>
                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit" data-placement="left">
																<span class="green">
																	<i class="icon-edit"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-warning" data-rel="tooltip" title="Flag" data-placement="left">
																<span class="blue">
																	<i class="icon-flag"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
																<span class="red">
																	<i class="icon-trash"></i>
																</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </td>
</tr>

<tr>
    <td class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </td>

    <td>
        <a href="#">day.com</a>
    </td>
    <td>$55</td>
    <td class="hidden-480">5,600</td>
    <td class="hidden-phone">Jan 29</td>

    <td class="hidden-480">
        <span class="label label-info arrowed arrowed-righ">Sold</span>
    </td>

    <td class="td-actions">
        <div class="hidden-phone visible-desktop btn-group">
            <button class="btn btn-mini btn-success">
                <i class="icon-ok bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-info">
                <i class="icon-edit bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-danger">
                <i class="icon-trash bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-warning">
                <i class="icon-flag bigger-120"></i>
            </button>
        </div>

        <div class="hidden-desktop visible-phone">
            <div class="inline position-relative">
                <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                    <i class="icon-caret-down icon-only bigger-120"></i>
                </button>

                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                    <li>
                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit" data-placement="left">
																<span class="green">
																	<i class="icon-edit"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-warning" data-rel="tooltip" title="Flag" data-placement="left">
																<span class="blue">
																	<i class="icon-flag"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
																<span class="red">
																	<i class="icon-trash"></i>
																</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </td>
</tr>

<tr>
    <td class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </td>

    <td>
        <a href="#">light.com</a>
    </td>
    <td>$40</td>
    <td class="hidden-480">3,100</td>
    <td class="hidden-phone">Feb 17</td>

    <td class="hidden-480">
        <span class="label label-success">Registered</span>
    </td>

    <td class="td-actions">
        <div class="hidden-phone visible-desktop btn-group">
            <button class="btn btn-mini btn-success">
                <i class="icon-ok bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-info">
                <i class="icon-edit bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-danger">
                <i class="icon-trash bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-warning">
                <i class="icon-flag bigger-120"></i>
            </button>
        </div>

        <div class="hidden-desktop visible-phone">
            <div class="inline position-relative">
                <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                    <i class="icon-caret-down icon-only bigger-120"></i>
                </button>

                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                    <li>
                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit" data-placement="left">
																<span class="green">
																	<i class="icon-edit"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-warning" data-rel="tooltip" title="Flag" data-placement="left">
																<span class="blue">
																	<i class="icon-flag"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
																<span class="red">
																	<i class="icon-trash"></i>
																</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </td>
</tr>

<tr>
    <td class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </td>

    <td>
        <a href="#">sight.com</a>
    </td>
    <td>$58</td>
    <td class="hidden-480">6,100</td>
    <td class="hidden-phone">Feb 19</td>

    <td class="hidden-480">
        <span class="label label-inverse arrowed-in">Flagged</span>
    </td>

    <td class="td-actions">
        <div class="hidden-phone visible-desktop btn-group">
            <button class="btn btn-mini btn-success">
                <i class="icon-ok bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-info">
                <i class="icon-edit bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-danger">
                <i class="icon-trash bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-warning">
                <i class="icon-flag bigger-120"></i>
            </button>
        </div>

        <div class="hidden-desktop visible-phone">
            <div class="inline position-relative">
                <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                    <i class="icon-caret-down icon-only bigger-120"></i>
                </button>

                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                    <li>
                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit" data-placement="left">
																<span class="green">
																	<i class="icon-edit"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-warning" data-rel="tooltip" title="Flag" data-placement="left">
																<span class="blue">
																	<i class="icon-flag"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
																<span class="red">
																	<i class="icon-trash"></i>
																</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </td>
</tr>

<tr>
    <td class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </td>

    <td>
        <a href="#">right.com</a>
    </td>
    <td>$50</td>
    <td class="hidden-480">4,400</td>
    <td class="hidden-phone">Apr 01</td>

    <td class="hidden-480">
        <span class="label label-warning">Expiring</span>
    </td>

    <td class="td-actions">
        <div class="hidden-phone visible-desktop btn-group">
            <button class="btn btn-mini btn-success">
                <i class="icon-ok bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-info">
                <i class="icon-edit bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-danger">
                <i class="icon-trash bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-warning">
                <i class="icon-flag bigger-120"></i>
            </button>
        </div>

        <div class="hidden-desktop visible-phone">
            <div class="inline position-relative">
                <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                    <i class="icon-caret-down icon-only bigger-120"></i>
                </button>

                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                    <li>
                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit" data-placement="left">
																<span class="green">
																	<i class="icon-edit"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-warning" data-rel="tooltip" title="Flag" data-placement="left">
																<span class="blue">
																	<i class="icon-flag"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
																<span class="red">
																	<i class="icon-trash"></i>
																</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </td>
</tr>

<tr>
    <td class="center">
        <label>
            <input type="checkbox"/>
            <span class="lbl"></span>
        </label>
    </td>

    <td>
        <a href="#">once.com</a>
    </td>
    <td>$20</td>
    <td class="hidden-480">1,400</td>
    <td class="hidden-phone">Apr 04</td>

    <td class="hidden-480">
        <span class="label label-info arrowed arrowed-righ">Sold</span>
    </td>

    <td class="td-actions">
        <div class="hidden-phone visible-desktop btn-group">
            <button class="btn btn-mini btn-success">
                <i class="icon-ok bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-info">
                <i class="icon-edit bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-danger">
                <i class="icon-trash bigger-120"></i>
            </button>

            <button class="btn btn-mini btn-warning">
                <i class="icon-flag bigger-120"></i>
            </button>
        </div>

        <div class="hidden-desktop visible-phone">
            <div class="inline position-relative">
                <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                    <i class="icon-caret-down icon-only bigger-120"></i>
                </button>

                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                    <li>
                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit" data-placement="left">
																<span class="green">
																	<i class="icon-edit"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-warning" data-rel="tooltip" title="Flag" data-placement="left">
																<span class="blue">
																	<i class="icon-flag"></i>
																</span>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
																<span class="red">
																	<i class="icon-trash"></i>
																</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </td>
</tr>
</tbody>
</table>
</div>

<!--PAGE CONTENT ENDS HERE-->
</div><!--/row-->